﻿<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>制作畅销书排行榜</title>

      <style>
        div{
            width:260px;
             background-image:linear-gradient(180deg,#5ee7df,#b490ca);
           }
         h3{
            color:white;
            font-size:16px;
            height:35px;
            line-height:33px;
            text-indent:20px;
            background:#f5576c url(bang.gif) no-repeat 110px center;
           }
          ul{
             font-size:12px;  
           }
           a:link{
             color:#1a66b3;
             text-decoration:none;
           }
           a:hover{
             text-decoration:underline;
           }
           li{
              text-indent:23px;
              height:35px;
              list-style:none;
              line-height:35px;
              }     
            li:nth-of-type(1){
                   background:url(book_no01.gif) no-repeat left center;
                   }
            li:nth-of-type(2){
                   background:url(book_no02.gif) no-repeat left center;
                   }
            li:nth-of-type(3){
                   background:url(book_no03.gif) no-repeat left center;
                    }
            li:nth-of-type(4){
                   background:url(book_no04.gif) no-repeat left center;
                   }
            li:nth-of-type(5){
                   background:url(book_no05.gif) no-repeat left center;
                   }
            li:nth-of-type(6){
                   background:url(book_no06.gif) no-repeat left center;
                   }
            li:nth-of-type(7){
                   background:url(book_no07.gif) no-repeat left center;
                   }
            li:nth-of-type(8){
                   background:url(book_no08.gif) no-repeat left center;
                    }
            li:nth-of-type(9){
                   background:url(book_no09.gif) no-repeat left center;
                   }
            li:nth-of-type(10){
                   background:url(book_no10.gif) no-repeat left center;
                   }
                 </style>
</head>
	<body>
<div>
<h3>畅销书排行</h3>
<ul>
<li><a href="#">不抱怨的世界(畅...</a></li>
<li><a href="#">遇见未知的自己...</a></li>
<li><a href="#">活法（季羡林、...</a></li>
<li><a href="#">高效能人士的七个习惯</a></li>
<li><a href="#">被迫强大（北外女生香奈儿...</a></li>
<li><a href="#">遇见心想事成的自己（《遇...</a></li>
<li><a href="#">世界上最伟大的推销员（插...</a></li>
<li><a href="#">我的成功可以复制（唐骏亲...</a></li>
<li><a href="#">少有人走的路：心智成熟的...</a></li>
<li><a href="#">活出全新的自己——唤醒...</a></li>

</div>
</body>
</html>

